﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Welcome to Sustainalytics’ Global Access Platform
            </div>
            <div class="home-blue-title-mobile">
                Welcome to Sustainalytics’ Research Platform
            </div>
            <div class="home-left-text">
                Sustainalytics’ Global Access platform provides an array of ESG research products all in one place. The in-depth research, robust screening tools, 
                intuitive user interface and enhanced navigation will support the use of our ESG data and analysis in your investment decision-making processes. 
                We hope you find Global Access beneficial to your daily work and we look forward to hearing your feedback about the platform. 
            </div>
            <!--<div class="home-left-text-mobile">
                Sustainalytics is an award-winning globa responsible investment research firm specialized in environmental, social and governance (ESG) research and analysis. The firm offers global perspectives and solutions that are underpinned by local expertise, serving both values-based and mainstream investors that integrate ESG information and assessments into their investment decisions.<br /><br />
            </div>-->
        </div>
        <div class="main-col">            
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a ng-class="{disabled: !home.hasPortfolioPermision}" href="#/portfolios"><img src="../content/images/icn-home-portfolio.png" style="width: 70px;" /></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a ng-class="{disabled: !home.hasPortfolioPermision}" href="#/portfolios">My Portfolio</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.portfoliosTopList">
                        <a href="#/portfolios/{{item.id}}" style="white-space: nowrap; overflow:hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.name}}</a>
                    </div>
                    <a ng-class="{disabled: !home.hasPortfolioPermision}" class="gray-link" href="#/portfolios">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/news"><img src="../content/images/icn-home-news.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/news">Spotlight</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.newsTopList">
                        <a href="#/news/{{item.id}}" style="white-space: nowrap; overflow:hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.title}}</a>
                    </div>
                    <a class="gray-link" href="#/news">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div>
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a href="#/mostrecentactivity"><img src="../content/images/icn-home-recent-activity.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/mostrecentactivity">My Most Recent Activity</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="activity in home.mostRecentActivityTopList">
                        <a href="" ng-click="home.redirectToCompanyPage(activity.companyNameUrlFriendly)" style="display: inline-block; min-width: 230px;">{{activity.companyName}}</a>
                    </div>
                    <a class="gray-link" href="#/mostrecentactivity">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/events"><img src="../content/images/icn-home-calendar.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/events">Events</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.eventsTopList.items">
                        <a href="#/events/date/{{item.startDate | date: 'yyyy-MM-dd'}}" style="white-space: nowrap; overflow:hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.name}}</a>
                    </div>
                    <a class="gray-link" href="#/events">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>            
            <div class="clear">&nbsp;</div>
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a href="#/mostactivereports"><img src="../content/images/icn-home-most-active-reports.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/mostactivereports">Top 20 Active Reports</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="report in home.mostActiveReportsTopList">
                        <span ng-if="report.inUniverse">
                            <a href="" ng-click="home.redirectToCompanyPage(report.companyNameUrlFriendly)" style="display: inline-block; min-width: 230px;">{{report.companyName}}</a>
                        </span>
                        <span ng-if="!report.inUniverse">
                            {{report.companyName}}
                        </span>
                    </div>
                        <a class="gray-link" href="#/mostactivereports">See all</a>
                    </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/insights"><img src="../content/images/icn-home-insights.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/insights">Knowledge Center</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="insight in home.insightsTopList">
                        <a href="#/insights/{{insight.id}}" style="white-space: nowrap; overflow:hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{insight.title}}</a>
                    </div>
                    <a class="gray-link" href="#/insights">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>            
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>
